<script setup>

</script>

<template>
<section>
  <div class="max-w-6xl mx-auto py-12 px-6 flex flex-col lg:flex-row items-center">
    <!-- 左侧文本内容 -->
    <div class="lg:w-1/2 w-full text-gray-700 text-lg leading-relaxed mb-6 lg:mb-0">
      <!-- 标题 -->
      <h1 class="text-[#5F5F5F] text-8 tracking-normal leading-8 font-bold mb-8">Sheet Metal Applications</h1>

      <!-- 列表内容 -->
      <ul class="list-none space-y-6 text-[#272626] text-4 tracking-normal leading-6">
        <li>
          <!-- 描述段落 -->
          <p class="text-justify">
            Sheet metal is a multifunctional manufacturing process suitable for various metal components.
            This process can support large quantities of products and small batches of unique applications.
            Common sheet metal parts include:
          </p>
        </li>
        <li>Electrical enclosure</li>
        <li>Computer Electronic Parts</li>
        <li>Casing</li>
        <li>Brackets</li>
        <li>Cabinet</li>
        <li>Mount</li>
      </ul>
    </div>

    <!-- 右侧图像 -->
    <div class="lg:w-1/2 w-full flex justify-center items-center lg:px-8">
      <img
          src="/src/images/services/compression-molding/Sheet-Metal-Applications.webp"
          alt="Sheet Metal Applications"
          class="w-full h-128 object-cover rounded-sm shadow-md"
      />
    </div>
  </div>
</section>
</template>

<style scoped>

</style>